CRUDS TRANSAKSI DAN REPORT JAVA
CRUDS TRANSAKSI DAN REPORT JAVA Tutorial membuat CRUDS ( Create, Read, Update, Delete, & Search ) Transaksi dan Repor...
CRUDS TRANSAKSI DAN REPORT JAVA
Tutorial membuat CRUDS (Create, Read, Update, Delete, & Search) Transaksi dan Report (Struk/Faktur
Transaksi).
REKAYASA PERANGKAT LUNAK - SMK WIKRAMA BOGOR
DIBUAT OLEH :
MUHAMMAD ROBBI ZULFIKAR (11706254)REKAYASA PERANGKAT LUNAK - SMK WIKRAMA BOGOR
Cekidott!!!
PERKENALAN
Berikut IDE + Connector yang saya gunakan :
- NetBeans 8.1
- XAMPP v3.2.2
PERSIAPAN
Untuk tahap awal yaitu persiapan. Kalian terlebih dahulu harus mendownload dan menginstall file dari link download dibawah ini (jika sudah terinstall, abaikan saja) :
- iReport : iReport Download (LINK)
- Jaspersoft : Jaspersoft Download (LINK)
- jCalendar : jCalendar Download (LINK)
DATABASE
Buka aplikasi XAMPP lalu aktifkan/centang Apache dan MySQL. Database yang saya gunakan adalah MySQL. Untuk mengaksesnya, silakan ketik "localhost/phpmyadmin" atau klik link ini >> DATABASE <<. Setelah itu, mari kita buat struktur databasenya sebagai berikut :
Nama Database = db_aplikasipos
Table :
View :
PEMBUATAN PROJECT
- Buka aplikasi NetBeans
- Buat project baru dengan cara menekan tombol CTRL+SHIFT+N >> Java Application >> lalu beri nama "Aplikasi_POS"
-
Pada area Navbar, klik Tool >> Plugin >> Downloaded >> Add Plugins... >> masuk ke file iReport yang sudah anda download tadi, lalu tekan tombol CTRL+A >> Klik Open
-
Pada area Navbar, klik Tool >> Palette >> Swing/AWT Components >> Add from JAR... >> masuk ke file jCalendar yang sudah anda download tadi, lalu tekan pilih file jcalendar-1.3.2.jar >> klik Next >> tekan tombol CTRL+A >> klik Next >> Swing Controls >> Finish
-
Klik kanan pada Libraries >> Add JAR/Folder >> masuk ke file Jaspersoft yang sudah anda download tadi, lalu tekan tombol CTRL+A >> klik OK
- Klik kanan pada Libraries >> Add Library... >> pilih MySQL JDBC Driver >> klik OK
KONEKSI
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “koneksi”
- Klik kanan pada Package koneksi >> New >> Java Class... >> beri nama “config”
-
Pada config.java, masukkan sintak berikut :
LOGIN
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “login”
- Klik kanan pada Package koneksi >> New >> JFrame Form... >> beri nama “FormLogin”
-
Pada FormLogin.java, buatlah desain seperti ini :
-
Lalu, masukkan sintak dengan penempatan dibawah ini :
-
Klik jButton1 Login 2x dan masukkan sintak berikut :
-
Klik jButton2 Batal 2x dan masukkan sintak berikut :
FORM PENGGUNA
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “dashboard”
- Klik kanan pada Package koneksi >> New >> JFrame Form... >> beri nama “FormPengguna”
-
Pada FormPengguna.java, buatlah desain seperti ini :
- Tambahkan palette Button Group >> Tekan Shift+Klik Kiri jRadioButton1 dan jRadioButton2 >> klik kanan >> Properties >> ubah value butttonGroup menjadi buttonGroup1
- Lalu, masukkan sintak dengan penempatan dibawah ini :
-
Klik jButton1 Simpan 2x dan masukkan sintak berikut :
-
Klik jButton2 Update 2x dan masukkan sintak berikut :
-
Klik jButton3 Hapus 2x dan masukkan sintak berikut :
-
Klik jButton4 Reset 2x dan masukkan sintak berikut :
-
Klik kanan jTable1 >> Events >> Mouse > mouseClicked dan masukkan sintak berikut :
-
Klik kanan jTextField6 >> Events >> Key > keyReleased dan masukkan sintak berikut :
FORM LAINNYA
Buat 6 JFrame Form lainnya yang mengikutin dan menyesuaikan dengan FORM PENGGUNA diatas (dibuat dalam package dashboard). Berikut desainnya :
TRANSAKSI
Untuk membuat FormTransaksi, diperlukan adanya FormBarang. Jadi silakan untuk membuat FormBarang terlebih dahulu. Jika sudah selesa, maku lanjut ketahap berikut :
- Klik kanan pada Package dashboard >> New >> JFrame Form... >> beri nama “FormTransaksi”
-
Pada FormTransaksi.java, buatlah desain seperti ini :
CATATAN : Ketika kalian Run Project (SHIFT+F6), maka jDateChooser1 akan menghilang (jDateChooser1.setVisible(false)). -
Lalu, masukkan sintak dengan penempatan dibawah ini :
-
Klik jButton1 Simpan 2x dan masukkan sintak berikut :
-
Klik jButton2 Hapus 2x dan masukkan sintak berikut :
-
Klik jButton3 Reset 2x dan masukkan sintak berikut :
-
Klik jButton4 Selesai Belanja 2x dan masukkan sintak berikut :
-
Klik jButton5 Bayar 2x dan masukkan sintak berikut :
-
Klik kanan jTextField5 >> Events >> Key > keyReleased dan masukkan sintak berikut :
-
Klik kanan jTextField8 >> Events >> Key > keyReleased dan masukkan sintak berikut :
-
Klik kanan jTable1 >> Events >> Mouse > mouseClicked dan masukkan sintak berikut :
STRUK/FAKTUR TRANSAKSI
- Klik kanan Source Packages >> New >> Java Package... >> beri nama “laporan”
-
Klik kanan pada Package laporan >> New >> Report Wizard... >> pilih layout Blank A4 >> beri nama “FakturTransaksi.jrxml” >> klik New >> pilih Database JDBC connection, lalu atur seperti dibawah ini :
-
Klik Test >> (Password kosongkan saja) klik OK >> hingga muncul pemberitahuan :
lalu klik OK >> Save. -
Klik Design query >> (Password kosongkan saja) klik OK >> sesuaikan dengan berikut ini :
lalu klik OK >> Next >> (Password kosongkan saja) klik OK. -
Tekan tombol CTRL+A >> pindahkan semua field dari kotak kiri ke kotak kanan dengan menekan tombol seperti di gambar :
lalu klik Next >> Next. -
Pada tab XML, sesuaikan kodenya dengan sintak berikut :
-
Pada FakturTransaksi.jrxml, buatlah desain seperti ini :
CATATAN : Perhatikan pada gambar diatas (terdapat 4 persegi kecil di setiap titik sudut), lalu klik kanan pada salah satu persegi kecil tersebut >> Properties >> pada kolom Page Size, atur Page Width menjadi 400 dan Page Height menjadi 450.
Tambahan : $V pada kolom NO = $V{REPORT_COUNT} dan $F pada kolom JUMLAH = $F{jumlah}
SELESAI
Project CRUDS Transaksi + Report Java telah selesai dibuat. Jika ada pertanyaan/error/lainnya silakan kontak email saya dibawah ini.
Email : mrz.pribadi@gmail.com
Email diatas merupakan email pribadi saya. Oleh karena itu mohon untuk menghubungi seperlunya saja.